<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/page/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<h:outputStylesheet>
a.no-decor>img {
    border: none;
}
</h:outputStylesheet>

	<ui:define name="title">Informe Proforma</ui:define>

	<ui:define name="content">
	    <table>
	    <tr>
		    <td>
					<h:form id="form">
						<rich:dataTable value="#{informeProformaView.proformas}" var="proforma"
							iterationStatusVar="it" id="table" rows="15">
							<rich:column>
								<f:facet name="header">#</f:facet>
			                #{it.index+1}
			            </rich:column>
			            	<rich:column>
								<f:facet name="header">Proforma</f:facet>
								<h:outputText value="#{proforma.proformaId}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">Costo Proforma Estimada</f:facet>
								<h:outputText value="#{proforma.proformaPrecioTotal}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">Operacion</f:facet>
								<h:outputText value="#{proforma.operacionId}" />
							</rich:column>				
							<rich:column>
								<f:facet name="header">Costo Total Operacion</f:facet>
								<h:outputText value="#{proforma.operacionCostoTotal}" />
							</rich:column>
							<rich:column sortBy="#{proforma.diferenciaCostos}" id="diferenciaCostos" sortOrder="#{informeProformaView.diferenciaCostosOrder}">
								<f:facet name="header"><a4j:commandLink value="Diferencia Entre Costos" render="table"
			                        action="#{informeProformaView.ordenarPorDiferenciaDeCostos}" /></f:facet>
								<h:outputText value="#{proforma.diferenciaCostos}" />
							</rich:column>            	
						</rich:dataTable>
					</h:form>
			</td>
			<td>
					<a4j:mediaOutput element="img"
			                 cacheable="false"
			                 session="true"
			                 createContent="#{informeProformaView.generarGraficoProformas}"
			                 mimeType="image/jpeg" />
			</td>
        </tr>         
        </table>         
	</ui:define>
</ui:composition>
